<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物流程_趣玩</title>
    <link rel="stylesheet" href="css/shoppingCart.css">
    <link rel="stylesheet" href="css/resest.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="icon" type="images/x-ico" href="images/favicon.ico">
</head>

<body>
    <header>
        <div class="h-box">
            <div class="h-left">
                <a href="">首页</a>
                <a href="">登录</a>
                <a href="">注册</a>
            </div>
            <div class="h-right">
                <ul>
                    <li>
                        <p>1</p>
                        我的购物车
                        <span class="iconfont icon-a-youjiantouzhixiangyoujiantou"></span>
                    </li>
                    <li>
                        <p>2</p>
                        确认订单信息
                        <span class="iconfont icon-a-youjiantouzhixiangyoujiantou"></span>
                    </li>
                    <li>
                        <p>3</p>
                        成功提交订单
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <section>
        <div class="h-center">
            <table>
                <tr>
                    <th>商品名称</th>
                    <th>数量</th>
                    <th>单价</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
               
                <tr>
                    <td>每食酷手工网红萝卜干</td>
                    <td>
                        <button>-</button>
                        <span class="goods-num">0</span>
                        <button>+</button>
                    </td>
                    <td>
                        单价: <span class="goods-price">0</span> 元
                    </td>
                    <td>
                        小计: <span class="goods-subtotal">0</span> 元
                    </td>
                    <td>
                        操作: <input type="button" value="删除">
                    </td>
                </tr>
                <tr>
                    <td><button>全选</button> <button>取消全选</button></td>
                    <td colspan="3">一共<span class="goods-total-num">0</span>件商品, 共计花费
                        <span class="goods-total-price">0</span> 元。</td>
                    <td>
                        <button>去结算</button>
                    </td>
                </tr>
            </table>
        </div>
    </section>
    <footer></footer>
</body>

</html>
<script src="js/jquery.js"></script>
<script>
    $("footer").load("footer.html");
    function Cart(){
        this.eventBind = function () {
            
        }
    }
</script>